<template>
  <div class="dv1">message的值:{{ message }}</div>
  <div class="dv1">obj.message的值:{{ obj.message }}</div>
  <div class="dv2">{{ message1 }}</div>
</template>
<script setup>
import { reactive, toRef,ref } from 'vue'
const obj = reactive({ message: '黑发不知勤学早，白首方悔读书迟' })
const message = toRef(obj, 'message')
let message1 = ref("这是修改前的message1的值")
setTimeout(() => {
  message.value = '少壮不努力，老大徒伤悲'
  message1.value = "这是修改后的message1的值"
}, 2000)
</script>
<style scoped>
.dv1{
    background-color: beige;
    font-size: 30px;
}
.dv2{
    background-color: azure;
    font-size: 30px;
}
</style>
